// Reset.
@import "susyboot/normalize";
@import "susy";
@import "susyboot/variables";
@import "susyboot/settings";
@import "susyboot/mixins";

// Container class.
.container {
  @include sb-make-default-container();

  @media (min-width: $screen-sm-min) {
    @include container($container-sm)
  }
  @media (min-width: $screen-md-min) {
    @include container($container-md)
  }
  @media (min-width: $screen-lg-min) {
    @include container($container-lg)
  }
}

// Fluid container.
.container-fluid {
  @include sb-make-default-container();
}

// Row class.
.row {
  @include sb-make-row;
}

// Add all column-level classes for extra small screens and up.
@include sb-make-grid('xs', $grid-columns);

// Add all column-level classes for small screens and up.
@media screen and (min-width: $screen-sm-min) {
  @include sb-make-grid('sm', $grid-columns);
}

// Add all column-level classes for middle screens and up.
@media screen and (min-width: $screen-md-min) {
  @include sb-make-grid('md', $grid-columns);
}

// Add all column-level classes for large screens and up.
@media screen and (min-width: $screen-lg-min) {
  @include sb-make-grid('lg', $grid-columns);
}
